<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./index.css"/>
		<script src="./index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="todolist">
			<!-- 顶部区 搜索 -->
			<header>
				<input type="text" name="todolist_search" placeholder="  搜索" />
				<button type="button" class="searchToDoList">🔍</button>
			</header>
			<main>
				<!-- 展示区  5242880字节 5000000字节-->
				<div class="todolist_show">
					<textarea>

					</textarea>
				</div>
				<!-- 按钮区 -->
				<section class="todolist_btns">
					<button type="button" class="addToDoList">添加</button>
					<button type="button" class="editToDoList">修改</button>
					<button type="button" class="deleteToDoList">删除</button>
					<!-- <button type="button" class="allToDoList">全选</button>
					<button type="button" class="notAllToDoList">全不选</button>
					<button type="button" class="invertToDoList">反选</button> -->
					<button type="button" class="isDoneToDoList">完成</button>
				</section>
				<!-- 列表区 -->
				<section class="todolist_list">
					<ul></ul>
				</section>
			</main>
		</div>
	</body>
</html>
